import React, { useState } from 'react';
import classnames from 'classnames';
import css from './index.module.less';

function NavTable() {
  const [number, setNumber] = useState<number>(1);
  return (
    <div className={css.navtab}>
      <div className={css.nav}>
        <h1>达人分类 </h1>
        <ul>
          <li onClick={() => setNumber(1)} className={classnames(`${number === 1 ? css.active : ''}`)}>全部</li>
          <li>音乐</li>
        </ul>
      </div>
    </div>
  );
}
export default NavTable;
